<template>
    <div class="bg">
            <topNav txt="账号详情" :mode="2" ></topNav>
             <div class="list">
                 <span>系统号</span>
                 <span class="content margin_ri">12345678</span>
                 
                 <!-- <van-icon name="arrow" color="#333333" /> -->
             </div>
              <div class="list margin_tb" @click="skips('/replaceph')">
                 <span>手机号</span>
                 <div class="list_right">
                     <span class="content">12345678</span>
                 <van-icon name="arrow" color="#333333" />
                 </div>
                 
             </div>
             
    </div>
</template>
<script>
import topNav from "@/components/return"


export default {
         components: {
    topNav
  },
  data(){
      return{
          switchChecked:false
      }
  },
  methods:{
      skips(path){
          this.$router.push({path:path})
      }
  }
}
</script>
<style  scoped>
.bg{
    width: 100vw;
    min-height: 100vh;
    background: #EDEDED;
}
.list{
    background: #fff;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
.margin_tb{
    margin: 10px 0;
}



.content{
    color: #818181;
}
.list_right{
    display: flex;
    align-items: center;
}
.margin_ri{
    margin-right: 14px;
}
</style>